.dark {
  .el-input-number {
    .el-input-number__decrease,
    .el-input-number__increase {
      border: none;
      background: transparent;
    }
  }
  .panel-header{
    .panel-tabs {
      display: flex;
      margin-top: 8px;
      .panel-tab {
        flex: 1;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        background: #323232;
        cursor: pointer;
        user-select: none;
        border-radius: 4px 0 0 4px;

        &.active {
          color: #fff;
          background: #0560fd;
        }
      }

      .panel-tab + .panel-tab {
        border-radius: 0 4px 4px 0;
      }
    }
  }
  .panel-body {
    .panel-search{
      .el-input__suffix-inner{
        .svg-icon{
          fill: #fff;
        }
      }
    }
    .pro-panel {
      padding: 0 8px !important;

      .el-form-item.asterisk-left {
        padding: 0 8px 8px;
        border-radius: 4px;
        background: #3D3D3D;
        margin-bottom:5px;
        .el-color-picker__trigger{
          height: 22px;
          width: 22px;
        }

        .textarea {
          background-color: #303030;
          border: 1px solid #464646;
        }
        .is-without-controls{
          height: 24px;
          line-height: 24px;
        }
      }
      .panel-group{
        .el-form-item.asterisk-left {
          padding: 0;
        }
      }
    }
    .panel-group{
      .panel-group-header{
        padding:8px;
      }
      .el-input__wrapper{
        font-size: 12px !important;
        height: 24px;
        background-color: #303030;
        border-color: #464646;
        border-radius: 4px;
        .el-input__inner{
          height: 100%;
        }
      }
    }
    .el-form-item__content{
      .el-checkbox__label{
        font-size: 12px;
      }
      .tab{
        border-radius: 4px;
        overflow: hidden;
        .tab-button{
          height: 24px;
          line-height: 24px;
        }
      }
    }
    .panel-group{
      .el-form-item__label{
        font-weight: 500;
      }
    }
  }
  .el-form-item__label {
    font-size: 12px;
    font-weight: 600;
  }
  .el-switch__core {
    height: 19px;
    min-width: 37px;
    background-color: #222222;
    border: none !important;

    .el-switch__action {
      height: 15px;
      width: 15px;
    }
  }
  // 收缩
  .shrink {
    position: absolute;
    font-size: 15px;
    top: -34px;
    left: -7px;
    width: 30px;
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    cursor: pointer;
  }

  .shrink-contain {
    width: 100%;
    margin-bottom: 10px;
    .row-item {
      margin-top: 5px;
      display: flex;
      align-items: center;

      &.margin-top-small {
        margin-top: 10px;
      }

      &.no-top {
        margin-top: 0px;
      }
      .el-switch {
        margin-left: auto;
      }

      .default-input {
        margin-left: auto;
      }
    }
  }
  .row-item {
    position: relative;
    flex-wrap: wrap;
    span {
      font-size: 12px !important;
    }
    .progress {
      &.el-slider {
        width: calc(100% - 70px);
        margin-right: 0;
        margin-left: 0;
      }
    }
    .progress-input {
      width: 58px !important;
      font-size: 12px !important;
      height: 24px;
      background-color: #303030;
      border-color: #464646;
      border-radius: 4px;
      margin-left: auto;
      .small-input{
        height: 24px;
        overflow: hidden;
      }
      &+span {
        font-size: 12px !important;
        position: absolute;
        right: 12px;
        bottom: 0;
      }
    }
    .label-position-top {
      display: block;
      width: 100%;
    }
    .label-position-top+.default-input {
      font-size: 12px;
      width: 100% !important;
      margin-right: 0 !important;
      background-color: #303030;
      border-color: #464646;
      border-radius: 4px;
      height: 24px !important;

      &+span {
        position: absolute;
        right: 10px;
        font-size: 12px !important;
        bottom: -3px;
        color: #FFFFFF;
      }
    }
    .el-color-picker{
      width: 100%;
      margin-left: 0 !important;
      .el-color-picker__trigger {
        width: 100%;
        height: 24px;
        justify-content:start;
        border-color: #464646;
        background-color: #303030;
        text-align: left;
        .el-color-picker__color {
          position: static;
          width: 16px;
          height: 16px;
          margin-left: 8px;
          border: 1px solid rgba(69, 72, 81, 0.6);

          i.el-icon.el-color-picker__icon.is-icon-arrow-down {
            display: inline-block !important;
            position: absolute;
            right: 8px;
            font-size: 14px;
            color: #a8abb2;
          }
        }
      }
    }
    .el-select{
      .el-input__wrapper{
        height: 24px;
        width: 100% !important;
        background-color: #303030;
        border-color: #464646;
        border-radius: 4px;
        :deep(.el-input__inner){
          height: 100%;
        }
      }
    }
  }
  .model_form_panel.pro-panel{
    .el-form-item__label{
      line-height: 30px !important;
      height: 30px;
      margin-bottom:0;
    }
  }
  //process
  .el-form.process{
    .shrink-process-label {
      height: 100%;
      :deep(.el-form-item__content) {
        height: calc(100% - 40px);
        .shrink-contain {
          height: 100%;
          overflow-y: auto;
        }
      }
    }
    .row-item {
      &.selected {
        height: 32px;
        cursor: pointer;
        margin-top: 10px !important;
        .switch {
          margin-left: auto;
          :deep(.el-switch) {
            height: 22px;
            font-size: 12px;
            line-height: 22px;
          }
        }
      }
    }
  }
}
